.self-input {
  height: 80rpx;
  line-height: 80rpx;
  .show {
    width: 100%;
    padding: 0 10rpx;
    color: #2C405A;
    .placeholder {
      opacity: 0.8;
    }
  }
  .insert {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    background-color: #FFFFFF;
    .input {
      width: 100vw;
      padding: 10rpx 20rpx;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      .input-item {
        flex: 1;
        border-bottom: 1px solid #7C86A2;
      }
      .cancel {
        color: dodgerblue;
        width: 120rpx;
        padding-left: 20rpx;
      }
    }
    .suggest {
      padding: 0 20rpx 40rpx 20rpx;
      background-color: #fafafa;
      .suggest-item {
        padding: 5rpx 20rpx;
        +.suggest-item {
          border-top: 1px solid rgba(44, 64, 90, 0.4);
        }
        > * {
          padding: 8rpx;
          height: 1em;
          line-height: 1em;
        }
        .title {
          color: #2C405A;
        }
        .address {
          color: rgba(44, 64, 90, 0.8);
          font-size: 0.8em;
        }
      }
    }
  }
}
